<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
<script>
    // while语法结构
    // while (表达式) {
    //     执行语句;
    // }

    // 首先求解表达式 ,如果表达式成立(满足条件),则执行{}中循环语句; 语句执行完毕,再次求解表达式,如果依旧成立,则继续循环,否则会跳出循环 执行循环之后的语句

    // 需求: 打印10个*    i <= 10

    debugger;
    var i = 1; //初始值 (记录循环开始的位置)
    while(i <= 5){ //循环条件
        document.write("*");
        i++; // 自增  (记录循环的当前位置)   2
    }
    console.log("循环执行完毕");

    // var i = 1; 求解表达式 i <= 5 => true ; document.write("*"); i++ => 2
    //     i = 2; 求解表达式 i <= 5 => true ; document.write("*"); i++ => 3
    //     i = 3; 求解表达式 i <= 5 => true ; document.write("*"); i++ => 4
    //     i = 4; 求解表达式 i <= 5 => true ; document.write("*"); i++ => 5
    //     i = 5; 求解表达式 i <= 5 => true ; document.write("*"); i++ => 6
    //     i = 6; 求解表达式 i <= 5 => false ;  会跳出循环 执行循环之后的语句


</script>
</html>